page{
    font-size: 12px;
    height: 100%;
}

text {
    line-height: 1;
}
.f-10{
    font-size: 10px;
}
.f-12{
    font-size: 12px;
}
.f-13{
    font-size: 13px;
}
.f-14{
    font-size: 14px;
}
.f-15 {
    font-size: 15px;
}
.f-16 {
    font-size: 15px;
}
.f-18{
    font-size: 18px;
}


.f-bold{
    font-weight: bold;
}
.f-medium{
    font-weight:500;
}
.color-red{
    color:#EA373F;
}
.color-gray{
    color:#BCBCBC;
}
.color-black{
    color: #333;
}
.color-white{
    color: #fff;
}
.flex{
    display: flex;
}
.aligin-center{
    align-items: center;
}
.aligin-bottom{
    align-items: flex-end;
}
.self-bottom{
    align-self: flex-end;
}
.justify-center
{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.justify-bottom {
    justify-content: flex-end;
}
.flex-column{
    flex-direction: column;
}
.flex-1{
    flex: 1;
}
.float-r{
    float:right;
}
.float-l{
    float: left;
}
.mr-auto{
    margin-right: auto;
}
.ml-auto{
    margin-left: auto;
}
.text-right{
    text-align: right;
}
input {
    outline: none;
}
input:focus{
     outline: none;
}

button{
    border: none;
    outline: none;
}

.btn_public {
    background:linear-gradient(-90deg,rgba(232,48,56,1) 0%,rgba(254,114,123,1) 100%);
    border-radius:5px;
    color: #fff; 
    height: 44px;
    width: 100%;
    font-size: 16px;
}
.btn_foot {
    position: fixed;
    left: 15px;
    right: 15px;
    bottom: 28px;
}

.show_public {
    margin: 0 15px;
    box-shadow: 5px 5px 20px rgba(162, 162, 162, 0.19);
    border-radius: 5px;
    background: #fff;
    margin-top: 8px;
}
.z-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    box-shadow: 5px 5px 4px rgba(26, 26, 26, 0.2);
}
.z-btn:active{
    transform: translate(1px,1px);
}
.divide-line{
    height: 10px;
    background: #F8F8F8;
}
.ellipsis-line2{
    -webkit-line-clamp:2 ;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    overflow:hidden;
}
.fade-enter, .fade-leave-to {
    opacity: 0;
}
.transform-enter-active,
.transform-leave-active {
     transition: all .3s ease;
     position: absolute;
}

  
.transform-leave-to {
     opacity: 0;
     transform: translateX(100%);
}


.back{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../imgs/back@3x.png");
    background-size: 100% 100%;
}
.transform_90 {
    transform:rotate(-90deg);
}

.dot{
    position: absolute;
    top: 0;
    right: 0;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: #ff0000;
}
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.text-center {
      text-align: center;
}

.arrow_right {
    width: 16px;
    height: 16px;
}
.mr_10 {
    margin-right: 10px;
}
.ml_10 {
    margin-left: 10px;
}
.mt_10 {
    margin-top: 10px;
}
.mb_10 {
    margin-bottom: 10px;
}
.mr_15 {
    margin-right: 15px;
}
.clear-fix{
   
}
.clear-fix::after{
    content: "";
    display: table;
    clear: both;
}     
 

.no-data{
    margin: 20px auto;
    width: 91px;
    height: 91px;
    background: url("");
    background-size: 100% 100%;
}

